<template>
    <div class="porderproducts flex aic bd-r">
        <div class="flex bd-r">
            <el-button plain size="small" @click="() => { emits('openNewOrder') }"
                style="color: #6193D2;border:1px solid #6193D2;">New</el-button>
            <el-button type="success" plain size="small"
                @click="() => { emits('allocationMethod', allocationState ? 'SaveAllocation' : 'AssignTasks') }"
                style="background-color:#ECF5FF;color: #6193D2;border:1px solid #6193D2;margin-left: 10px;">{{
                    allocationState ? 'SaveAllocation' : 'AssignTasks'
                }}</el-button>
            <el-button @click="() => { emits('taskDelete') }" type="danger" size="small" plain
                style="background-color:#6193D2;color: #fff;border: none;margin-left: 10px;">Delete</el-button>
        </div>
    </div>
</template>

<script setup>
const emits = defineEmits(['openNewOrder', 'allocationMethod', 'taskDelete'])
const props = defineProps({
    allocationState:Boolean
})
</script>

